<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- <canvas id="canvas" width="800" height="800"></canvas> -->
</body>
<script>
    // 创建canvas对象
    const canvas = document.createElement('canvas'),
        id = canvas.id = 'canvas',
        W = canvas.width = window.innerWidth,
        H = canvas.height = window.innerHeight;

    document.body.appendChild(canvas)
    ctx = canvas.getContext("2d")

    // 基本参数
    const centerX = canvas.width / 2,
        centerY = canvas.height / 2,
        rad = (Math.PI * 2) / 100;

    const ANCHOR_POINT_X = centerX
    const ANCHOR_POINT_Y = centerY
    const getPointX = (x) => ANCHOR_POINT_X + x
    const getPointY = (y) => ANCHOR_POINT_Y + y
    const getRad = (radVal) => radVal - rad * 25;

</script>
<script src="./classes.js"></script>
<script src="./utils.js"></script>
<!-- <script src="./js/test1.js"></script> -->
<!-- <script src="./js/circleLoading.js"></script> -->
<!-- <script src="./js/clock.js"></script> -->
<!-- <script src="./js/myClock.js"></script> -->
<!-- <script src="./js/matrix.js"></script> -->
<!-- <script src="./js/rotationArrow.js"></script> -->
<!-- <script src="./js/swingingPlants.js"></script> -->
<script src="./js/sports.js"></script>
</html>